<template>
  <div id="student">
    <div class="name" @click="showName">学生姓名{{ data.name }}</div>
    <div class="age">学生性别{{ data.age }}</div>
    <button @click="showName">传参</button>
  </div>
</template>

<script>
//引入一个混合
// import {mixin} from './mixin'
export default {
  name: "",
  //配置项
  // mixins:[mixin],
  //data中的数据，methods中的方法优先应用页面中的，没有应用混入中的
  props: {
    data: { type: Object, required: true }
  },
  data() {
    return {
      // name: "11",
      // sex: "男",
    };
  },
  methods: {
    showName() {
      console.log(1);
      this.$emit('hello',555)
    },
  },
};
</script>

<style>
</style>